﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="HMS.PL.Forms.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link type="text/css" rel="stylesheet" href="../Style/login.css" />
    <%-- <title>Login</title>--%>
    <style type="text/css">
    body{
background-color:#84bae2;
}

.container{
	position:fixed; top:0;left:0;
	width:100%;
	height:100%;
	background:url(../Images/gredient_color.gif) top repeat-x;
	}
	

.login_box{
	width:645px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left: -340px;
	margin-top: -40px;
	padding:20px;
/*	margin:0 auto;
	margin-top:18%;*/
	border:1px #999999;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#fff;
	-webkit-box-shadow:0px 1px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 1px 1px 1px rgba(0,0,0,0.5);
	box-shadow:0px 1px 1px 1px rgba(0,0,0,0.5);
	overflow:auto;
	clear:both;
	}
.login_box ul
{
	padding:0;
	margin:0;
}
.login_box_shadow{
	width:692px;
	height:40px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left: -340px;
	margin-top:30px;
	background:url(../Images/shadow_new.png) top no-repeat;
	clear:both;
}
	
.liststyle{
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
	position:relative;}
	
.login_txt{
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.15em;
	line-height:1em;
	color:#4d90fe}
	
.formField input{
	height:22px;
	font-size:1.02em;
	padding:2px 2px;
	border:1px solid #999999;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;}
	
.submit-button {
  border: 1px solid #3079ed;
  color: #fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:.75em;
  font-weight: bold;
  height: 28px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 15px;
  text-shadow: 0 1px rgba(0,0,0,0.1);
  background-color: #4d90fe;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
  background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
  background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
  background-image: linear-gradient(top,#4d90fe,#4787ed);
  }
.submit-button:hover {
  border: 1px solid #2f5bb7;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
  background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
  background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
  background-image: linear-gradient(top,#4d90fe,#357ae8);
}
.submit-button:active {
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
.submit-button:focus:hover,
{
  -webkit-box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1);
} 

/* stylesheet for logo */

.logo{
	clear:both;
	width:645px;
	padding:10px;
	margin-top:7%;
	margin-left:auto;
	margin-right:auto;
	}
	
.title_text {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	color: #568CAA;
	font-size:3.25em;
	text-decoration: none;
	line-height: 50px;
	color:#FFFFFF;
	/*text-shadow: 0 2px rgba(255,255,255,0.5);*/
}
.sub_title_text {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #568CAA;
	text-align:right;
	font-size:1em;
	text-decoration: none;
	line-height: 50px;
	color:#FFFFFF;
	margin-top:0;
	margin-bottom:0;
	font-weight:bold;
	margin-right:9%;
}
.red_color{
	color: #C33;
}
.green_color{
/*	color: #568CAA;*/
	color:#1A79AD;
	}
.forgot-password{
	width:692px;
	height:40px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left: -340px;
	margin-top:55px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.85em;
	text-align:center;
	color:#FFFFFF;
	padding:2px;	
}
.copy {
clear:both;
font-family:Arial, Helvetica, sans-serif;
bottom:20px;
position:inherit;
right:15px;
line-height:1em;
font-size:.85em;
}

a:hover
{
	text-decoration:underline;
	color: #C33; 
}

a
{
	text-decoration:none;
}    
    
</style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="container">
        <div class="logo">
            <p style="margin-top: 3%; margin-bottom: 0;" class="title_text">
                <img src="../Images/expert-dimensions-logo.PNG" style="vertical-align: text-bottom" />
                <span class="red_color">Dynamic</span> <span class="green_color">Dimension</span><br />
                <p style="margin-top: -20px;" class="sub_title_text">
                    Jump to Business Intelligence 3.0</p>
        </div>
        <div class="login_box">
            <ul>
                <li class="liststyle formField"><span class="login_txt">Login</span>
                    <!--<input id="" name="login" title="Login" type="text">-->
                    <asp:TextBox ID="UserName" runat="server" TabIndex="1" Width="140px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName"
                        ErrorMessage="User Name is required." ToolTip="User Name is required." ValidationGroup="login">*</asp:RequiredFieldValidator>
                </li>
                <li class="liststyle formField"><span style="padding-right: 10px; padding-left: 20px;"
                    class="login_txt">Password</span>
                    <!--<input id="" name="password" maxlength="32" title="Password" value="" type="password">-->
                    <asp:TextBox ID="Password" runat="server" TextMode="Password" TabIndex="2" Width="140px"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password"
                        ErrorMessage="Password is required." ToolTip="Password is required." ValidationGroup="login">*</asp:RequiredFieldValidator>
                </li>
                <li class="liststyle"><span style="padding-right: 10px; padding-left: 20px;">
                    <!-- <input type="submit" class="submit-button" id="" value="Log On">-->
                    <asp:Button ID="LoginButton" class="submit-button" runat="server" Text="Log On" TabIndex="5"
                        OnClick="LoginButton_Click" />
                </span></li>
            </ul>
        </div>
        <div class="login_box_shadow">
        </div>
        <div class="forgot-password">
            <asp:Label CssClass="red_color" ID="Msg" runat="server"></asp:Label>
            <a href="#">Forgot Password ?</a>
        </div>
        <%-- <div class="copy green_color">
            &copy; All rights reserved.</div>--%>
        <div class="copy green_color">
            <img src="../Images/expert-dimensions-logo_icon.png" style="vertical-align: middle;
                margin-right: 10px;" /><span class="red_color"><b>Expert</b></span> <span class="green_color">
                    <b>Dimensions</b></span> &copy; All rights reserved.</div>
    </div>
    <%--<table border="0" class="outline" cellpadding="0" cellspacing="0" width="45%" align="center"
        style="margin-left: auto; margin-right: auto; margin-top: 12%;">
        <tr>
            <td align="center" colspan="2">
                <table border="0" cellpadding="0" align="center" cellspacing="0" style="margin-left: auto;
                    margin-right: auto;">
                    <tr>
                        <td>
                            <table cellpadding="3" cellspacing="3" style="border: 1px black solid">
                                <tr>
                                    <td colspan="2" align="center" style="background-color: #C5DBEC; text-align: center;
                                        border: 1px solid; vertical-align: middle; font-style: normal; font-size: 20px;
                                        color: #2D2D2D;">
                                        Login
                                    </td>
                                </tr>
                                <tr style="height: 3px">
                                    <td colspan="2" style="color: red;">
                                        <asp:Label ID="Msg" runat="server"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="left">
                                        <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">Login Name:</asp:Label>
                                    </td>
                                    <td>
                                        <asp:TextBox ID="UserName" runat="server" TabIndex="1" Width="140px"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName"
                                            ErrorMessage="User Name is required." ToolTip="User Name is required." ValidationGroup="login">*</asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="left">
                                        <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password">Password:</asp:Label>
                                    </td>
                                    <td>
                                        <asp:TextBox ID="Password" runat="server" TextMode="Password" TabIndex="2" Width="140px"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password"
                                            ErrorMessage="Password is required." ToolTip="Password is required." ValidationGroup="login">*</asp:RequiredFieldValidator>
                                    </td>
                                </tr>
                                <tr height="50px">
                                    <td align="center" colspan="2" class="padding" valign="middle">
                                      --  <asp:Button ID="LoginButton" CssClass="frmButton" runat="server" Text="Log On" TabIndex="5"
                                            OnClick="LoginButton_Click" ValidationGroup="login" />--
                                        <asp:Button ID="LoginButton" CssClass="frmButton" runat="server" Text="Log On" TabIndex="5"
                                            OnClick="LoginButton_Click"  />
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>--%>
    </form>
</body>
</html>
